//
// accordion.scss
//

.custom-accordion {
  .card {
    + .card {
      margin-top: 0.5rem;
    }
  }

  a {
    &.collapsed {
      i.accor-plus-icon {
        &:before {
          content: "\F0415";
        }
      }
    }
  }

  .card-header {
    border-radius: 7px;
  }
}

.custom-accordion-arrow {
  .card {
    border: 1px solid $border-color;
    box-shadow: none;
  }

  .card-header {
    padding-left: 45px;
    position: relative;

    .accor-arrow-icon {
      position: absolute;
      display: inline-block;
      width: 24px;
      height: 24px;
      line-height: 24px;
      font-size: 16px;
      background-color: $primary;
      color: $white;
      border-radius: 50%;
      text-align: center;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
    }
  }

  a {
    &.collapsed {
      i.accor-arrow-icon {
        &:before {
          content: "\F0142";
        }
      }
    }
  }
}